@charset "utf-8";
/* CSS Document */
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;position:relative;overflow-x:hidden;}
.contain{width:1260px;margin:0 auto;}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{position:relative;}
.header-container{width:100%;background:#fff;position:fixed;top:0px;left:0px;z-index:110;padding:0 4%;box-shadow:0 0 8px #ccc;}

/*logo*/
.H-logo{height:70px;line-height:70px;font-size:0px;float:left;position:relative;overflow:hidden;z-index:5;}
.H-logo img.rollover{display:none;}

.H-action{float:right;margin:0;}
.H-action .split{display:block;width:1px;height:16px;background:rgba(255,255,255,.5);float:left;margin:27px 0 0;}
.H-lang,.H-user,.H-srch{height:70px;float:left;}

/*Hlang*/
.H-lang{position:relative;}
.H-lang .Hlang-menu{display:block;width:48px;margin:0px;margin-left:20px;line-height:70px;height:100%;background:url(../images/icon/icon_lang.png) no-repeat center left;padding-left:23px;transition:none;-webkit-transition:none;color:#666;}
.Hlang-box{padding:20px 0px;width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:70px;left:-76px;display:none;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}
.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}
.Hlang-box a:hover{color:#fff;background:#0062b2;}
.Hlang-box a.CN{background-image:url('../images/wtgq1.png');}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url('../images/wtgq2.png');}

/*Huser*/
.Huser-menu{display:block;width:25px;margin-left:10px;height:100%;background:url(../images/icon/icon_email.png) no-repeat center;float:left;}
.Huser-name{display:block;padding:0 15px;line-height:70px;color:#fff;}

/*Hsrch*/
.H-srch{position: relative;}
.H-srch .Hsrch-menu{display:block;width:24px;height:100%;background:url(../images/icon/icon_sq.png) no-repeat center;margin-right:10px;transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s;}
.Hsrch-box{width:300px;height:35px;background:#fff;position:absolute;top:70px;left:-275px;display:none;position:absolute;z-index:2;border:1px solid #e5e5e5;}
.Hsrch-block{padding:0;width:100%;height:32px;margin:0px auto;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon/icon_sq.png) no-repeat center;float:right;}
/* .Hsrch-block .close{display:block;width:28px;height:28px;background:url(../images/icon/icon_close.svg) no-repeat center;float:right;} */
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hsrch-menu.cur{background:url(../images/icon/icon_close.svg) no-repeat center / contain;}

.Header-wrapper.Header-searching .H-logo img{display:none;}
.Header-wrapper.Header-searching .H-logo img.rollover{display:inline-block;}

/*Hnav*/
.H-nav{float:right;margin:0 25px 0 4.75%;}
.H-nav>li{padding:0 30px;float:left;}
.H-nav .Hnav-menu{display:block;height:70px;line-height:70px;font-size:16px;color:#333;position:relative;}
.H-nav .Hnav-menu:hover{color:#3466A7;}
.Hnav-menu i{display:block;width:50px;height:50px;background:url(../images/icon/icon-dd1.svg) no-repeat center / 50% auto;position:absolute;right:0px;top:0px;z-index:2;display:none;}
.Hnav-menu.cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.Hnav-sub{padding:48px 0;width:100%;background:rgba(255,255,255,0.95);position:absolute;top:70px;left:0px;opacity:0;margin-top:-100%;z-index:-2;border-top:1px solid #e5e5e5;box-shadow:0 0 8px #888;}
.Hnav-sub .contain{max-width:1280px;}
.Hnav-sub.pro .contain{display:flex;flex-wrap:wrap;justify-content:center}
.HnavSub-list{width:66%;float:right;}
.HnavSub-list li{width:31%;float:left;margin-left:2%;margin-bottom:-1px;}
.HnavSub-list li a{display:block;height:54px;line-height:54px;text-align:left;padding-left:15px;color:#666;border-bottom: 1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.H-nav>li.cur .Hnav-menu{color:#3466A7;}
.HnavSub-list li.cur a,
.HnavSub-list li a:hover{background:#3466A7;color:#fff;}

.HnavSub-img{display:block;width:28.8%;height:178px;overflow:hidden;float:left;}
.HnavSub-img img{width:100%;height:100%;object-fit:cover;}

.Hnav-sub dl{width:auto;float:left;text-align:left;margin-left: 70px;}
.Hnav-sub dl:first-child{margin-left: 0;}
.Hnav-sub dl dt{font-size:18px;color:#333;font-weight:bold;margin-bottom:10px;}
.Hnav-sub dl dd{font-size:15px;color:#666666;line-height:30px;}
.Hnav-sub dl dd i{display:inline-block;margin-left:10px;width:9px;height:5px;background:url(../images/icon/sub_navck.png) no-repeat center;position: relative;top:-2px;}
.Hnav-sub dl dd.on i{transform: rotate(180deg);}
.Hnav-sub dl dd:hover,.Hnav-sub dl dd.cur{color:#3466A7;}
.Hnav-sub dl dd.cur:hover{color:#3466A7;}
.Hnav-sub .son_nav{display:none;}
.Hnav-sub .son_nav a{display:block;color:#666666;font-size:15px;line-height:30px;}
.Hnav-sub .son_nav a:hover{color:#3466A7;}

.bgwhite{position: absolute;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:-1;}

.nav_line{height:2px;background-color:#3466A7;position:absolute;bottom:0px;display:none;z-index:1;}

@media all and (min-width:980px){
	.H-lang:hover .Hlang-box{display:block;animation:fadeUp .6s ease-in-out;-webkit-animation:fadeUp .6s ease-in-out;}
	.H-nav>li:hover .Hnav-sub{opacity:1;margin-top:0px;}
}
@keyframes fadeUp{0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}}
@keyframes fadeDown{0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}}

/*--- Footer ---*/
.Footer-wrapper{color:#fff;}
.F-cr{padding:15px 0;line-height:20px;text-align:center;font-size:15px;color:rgba(255,255,255,.4);background:#1a1a1a;}
.footer-container{padding:70px 0 35px;background:#1a1a1a;}
.F-nav{float:left;}
/* .F-nav{width:16.6666666%;float:left;padding-left:4%;} */
/* .F-nav:first-child{padding-left:0%;width:12%;} */
.F-nav.F-nav2{width:18.0833%;}
.F-nav dt{line-height:25px;font-size:18px;position:relative;}
.F-nav dt i{display:block;width:50px;height:50px;background:url(../images/icon/icon-dd2.svg) no-repeat center / 50% auto;position:absolute;right:0px;top:0px;display:none;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.F-nav dt.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.F-nav dd{margin:15px 0 0;}
.F-nav dd a{display:block;padding:5px 0;line-height:24px;opacity:.6;font-size:15px;}
.F-nav dd a:hover{opacity:1;}

.footer-gs{width: 117px;height: 40px;margin: 20px auto;overflow: hidden;}

.F-ct{width:12%;float:right;}
.F-cont{width:22.2222%;float:left;margin-left:2%;}
.F-cont a.tel{font-size:26px;}
.F-cont .date{color:#bbbbbb;}
.F-cont ul{border-top:1px solid #313131;border-bottom:1px solid #313131;margin:20px auto;padding:10px 0 20px;}
.F-cont ul li{padding-left:25px;background:url(../images/icon/icon_add.png) no-repeat left 3px;margin-top:10px;color:#bbbbbb;height:36px;line-height:22px;}
.F-cont ul li.email{background-position:left -30px;margin-top: 30px;}
.F-cont ul li.tel{background-position:left -61px;}
.F-cont .share a{display:inline-block;margin-right:5px;background:url(../images/icon/icon_share.png) no-repeat left center;width:28px;height:28px;}
.F-cont .share a.in{background-position:-38px center;}
.F-cont .share a.ff{background-position:-76px center;}
.F-cont .share a.sina{background-position:-114px center;}

.F-code{text-align:center;margin-top:20px;}
.F-code .type{line-height:22px;font-size:14px;color:#bbb;margin:20px 0 0;}
.F-split{width:1px;height:272px;background:rgba(255,255,255,.12);float:left;margin: 0 50px;}

/*--- Banner ---*/
#web-bnr{display:none;margin-top:50px;}
#index-bnr{height:500px;margin-top:70px;}
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
.index-bnr .bnr-img{height:500px;}
.index-bnr .swiper-pagination{font-size:0px;bottom:3.5% !important;}
/* .index-bnr .swiper-pagination-bullet{width:60px;height:4px;border-radius:3px;background:#fff;position:relative;overflow:hidden;margin:0 8px;opacity:1;padding:0px;}
.index-bnr .swiper-pagination-bullet:after{content:"";width:0%;height:100%;background:#f00;position: absolute;left:0px;top:0px;opacity:0;}
.index-bnr .swiper-pagination-bullet-active:after{width:100%;opacity:1;	transition: width 3s linear;-moz-transition: width 3s linear;-webkit-transition: width 3s linear;-o-transition: width 3s linear;} */
.index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;text-align:center;
	/* transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s; */
	object-fit: cover;}

/* .index-bnr .swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;} */

/*iBnr-1*/
.iBnr1-box{text-align:center;color:#fff;z-index:2;position:absolute;left:50%;top:40%;width:1200px;margin-left:-600px;text-align:left;}
.iBnr1-box .t1,.iBnr1-box .t2{line-height:76px;font-size:60px;font-weight:lighter;margin-bottom:30px;transition-delay:.6s;-webkit-transition-delay:.6s;opacity:0;transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;transform:translateX(-100px);-webkit-transform:translateX(-100px);}
.iBnr1-box .t2{transition:all 1s ease-in-out .2s;-webkit-transition:all 1s ease-in-out .2s;}
.swiper-slide.swiper-slide-active .iBnr1-box .t1,.swiper-slide.swiper-slide-active .iBnr1-box .t2{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}
.iBnr1-box .t2{line-height:34px;font-size:18px;font-weight:lighter;text-transform:uppercase;font-family:'微软雅黑';letter-spacing:2px;}


/* 内页全局通用banner */
.bann{margin-top:70px;color:#fff;position:relative;}
.bann h2{font-size:42px;margin-bottom:10px;text-align:center;}
.bann h3{font-size:24px;text-transform:uppercase;text-align:center;}
.bann h2,.bann h3,.bann h4{animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
@keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}
@-webkit-keyframes mymove{from{transform:translateY(-50px);}to{transform:translateY(0px);}}

.F-wtteam{width: 100%;padding-bottom: 12px;background: #1a1a1a;}
.F-wtteamlink{position: relative;}
.F-wtteamlink span, .F-wtteamlink a{display: inline-block;vertical-align: middle;margin-top: 4px;}
.F-wtteamlink span{font-size: 16px;color: #fff;margin-right: 4px;}
.F-wtteamlink a{font-size: 14px;color: #fff;transition: all .4s ease;margin-right: 12px;opacity: .6;}
.F-wtteamlink a:last-of-type{margin-right: 0;}
.F-wtteamlink a:hover{opacity: 1;}

.F-cont-share{width:100%;display:flex}
.F-cont-share .share-menu{width:36px;height:36px;margin-left:12px;background:#434343;display:flex;align-items: center;justify-content: center;position:relative;transition:background .4s ease;cursor:pointer}
.F-cont-share .share-menu:first-child{margin-left:0}
.F-cont-share .share-menu>img{width:22px;opacity:0.7;transition:all .4s ease;}
.F-cont-share .share-menu .img{position:absolute;display:none;width:100px;height:100px;bottom:calc(100% + 8px);left:50%;margin-left:-50px;}

.F-cont-share .share-menu .img::after{border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;width: 0;height: 0;content:"";position:absolute;left:50%;margin-left:-5px;bottom:-5px;}


.F-cont-share .share-menu .img img{width:100%;height:100%;}
.F-cont-share .share-menu:hover{background:#3466A7;}
.F-cont-share .share-menu:hover>img{opacity:1}
.F-cont-share .share-menu:hover .img{display:block}